<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <div>现在的油价是 9元/升</div>
   <button>++</button>
</body>
</html>
<script>
//   ts 也是 js 的一个超文本集合 vue2 vue3 都是基于js的
//   js 是一个弱类型的脚本语言。

let btn = document.querySelector('button');
let num = 9;
btn.onclick = function () {
    num++;
    let dom = document.querySelector('div');
    dom.innerText = `现在的油价是 ${num}元/升`
}


// let btn = document.querySelectorAll('button');
// btn 是一个类数组
// btn.some()
// let arr = [1,3];
// arr.some(item => {})


// console.log(btn);

// vue的运行效率，没有原生的js 高；

// 随着互联网业务的发展，如果说，处理一个比较复杂的业务，纯用js来写的话，代码量太大。
// 0101010
// 010 代表 ‘现’

// vue2 和 vue3 就是提高了生产力。

// 
</script>
